import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';

import { AccountsComponent } from './accounts.component';
import { AccountDashboardComponent } from './account-dashboard/account-dashboard.component';
import { AccountDetailComponent } from './account-detail/account-detail.component';
import { AccountEditComponent } from './account-edit/account-edit.component';

const routes: Routes = [
    {
        path: '',
        children: [
            {
                path: '',
                component: AccountsComponent
            },
            {
                path: 'dashboard',
                component: AccountDashboardComponent
            },
            {
                path: 'detail',
                component: AccountDetailComponent
            },
            {
                path: 'edit',
                component: AccountEditComponent
            }
        ]
    }
];

@NgModule({
    imports: [RouterModule.forChild(routes)],
    exports: [RouterModule]
})
export class AccountsRoutingModule { }